<template>
  <div class="flex flex-col justify-center items-center">
    <div>
      <span class="font-bold">{{ towerName }}</span>
      <span class="text-sm text-[#808080]">{{ distance }}</span>
    </div>
    <div class="bg-[#CCCCCC] rounded-[3px] py-1 px-4">
      <span class="text-sm text-[#808080]">{{ name }}</span>
    </div>
  </div>
</template>

<script setup lang="ts">
const { name, towerName, distance } = defineProps<{ name: string; towerName: string; distance: string }>()
</script>

<style></style>
